<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">

		<p:panel>
			<p:messages globalOnly="true" rendered="true"/>
			<f:facet name="header">
				<h:outputText value="#{msg.equipamento}" />
			</f:facet>
				<a4j:keepAlive beanName="equipamentoMB"/>
				<a4j:keepAlive beanName="nomePerifericoMB"/>
				<rich:tabPanel>
					<rich:tab label="#{msg.equipamento}">
						<h:form id="idEquipamentoMBForm">
						<fieldset id="legend_area">
						<legend id="legend">
							<h:outputLabel value="#{msg.equipamentoDados}" />
						</legend>
						
						<h:panelGrid columns="2">
							<h:panelGroup>
								<br/>
								<h:outputLabel value="#{msg.codigo}" for="idCodigoEquip" />
								<span class="req"> *</span>
							</h:panelGroup>
							<h:panelGroup>
								<rich:message for="idCodigoEquip" styleClass="mensagem_erro_campo" /><br/>
								<h:inputHidden value="#{equipamentoMB.equipamento.id}"/>
								<h:inputText id="idCodigoEquip"
									value="#{equipamentoMB.equipamento.codigo}" size="20" maxlength="20"
									onkeyup="javascript:toUpperCase(this);" required="true"
									requiredMessage="#{msg.campoObrigatorio}">
									<rich:ajaxValidator event="onblur" />
								</h:inputText>
							</h:panelGroup>

							<h:panelGroup>
								<br/>
								<h:outputLabel value="#{msg.nome}" for="idNomeEquip" /><span class="req"> *</span>
							</h:panelGroup>
							<h:panelGroup>
								<rich:message for="idNomeEquip" styleClass="mensagem_erro_campo"/><br/>
								<h:selectOneMenu id="idNomeEquip" value="#{equipamentoMB.equipamento.nomeEquipamento}" converter="nomePerifericoConverter">
									<f:selectItems value="#{nomePerifericoMB.nomeEquipamentoOpts}" />
								</h:selectOneMenu>
							</h:panelGroup>
							
							<h:panelGroup>
								<br/>
								<h:outputLabel value="#{msg.sala}" for="idSalaEquip" /><span class="req"> *</span>
							</h:panelGroup>
							<h:panelGroup>
								<rich:message for="idSalaEquip" styleClass="mensagem_erro_campo"/><br/>
								<h:selectOneMenu id="idSalaEquip" value="#{equipamentoMB.sala}" converter="salaConverter">
									<f:selectItems value="#{equipamentoMB.salasOpts}" />
									<a4j:support event="onchange" ajaxSingle="true"	action="#{equipamentoMB.geraListagemFileiraBySala}" reRender="idSalaEquip,idFileiraEquip"/>
								</h:selectOneMenu>
							</h:panelGroup>
							
							<h:panelGroup>
								<br/>
								<h:outputLabel value="#{msg.fileira}" for="idFileiraEquip" /><span class="req"> *</span>
							</h:panelGroup>
							<h:panelGroup>
								<rich:message for="idFileiraEquip" styleClass="mensagem_erro_campo"/><br/>
								<h:selectOneMenu id="idFileiraEquip" value="#{equipamentoMB.fileira}" converter="fileiraConverter">
									<f:selectItems value="#{equipamentoMB.fileirasOpts}" />
									<a4j:support event="onchange" ajaxSingle="true"	action="#{equipamentoMB.geraListagemPosicaoBySalaFileira}" reRender="idFileiraEquip, idPosicaoEquip"/>
								</h:selectOneMenu>
							</h:panelGroup>
							
							<h:panelGroup>
								<br/>
								<h:outputLabel value="#{msg.posicao}" for="idPosicaoEquip" /><span class="req"> *</span>
							</h:panelGroup>
							<h:panelGroup>
								<rich:message for="idPosicaoEquip" styleClass="mensagem_erro_campo"/><br/>
								<h:selectOneMenu id="idPosicaoEquip" value="#{equipamentoMB.posicao}" converter="posicaoConverter">
									<f:selectItems value="#{equipamentoMB.posicoesOpts}" />
								</h:selectOneMenu>
							</h:panelGroup>														
					 	</h:panelGrid>
			 			</fieldset>
			 			<br/>
						<h:panelGrid columns="2" width="100%" style="text-align:center;">
							<h:panelGroup>
								<a4j:commandButton value="#{msg.botaoSalvar}"
									action="#{equipamentoMB.save}" reRender="idEquipamentoMBForm"
									style="text-align:center;" />
								<rich:spacer width="15px" />
								<a4j:commandButton value="#{msg.botaoAtualizar}"
									action="#{equipamentoMB.atualiza}" style="text-align:center;" reRender="idEquipamentoMBForm, mensagens"/>
								<rich:spacer width="15px"/>
								<a4j:commandButton value="#{msg.botaoLimpar}"
									action="#{equipamentoMB.limpar}" reRender="idEquipamentoMBForm"
									style="text-align:center;" />
							</h:panelGroup>
						</h:panelGrid>
					</h:form>
					</rich:tab>
					<rich:tab label="#{msg.perifericosEquipamento}" switchType="client" disabled="#{equipamentoMB.tabDesativada}">
					<!-- TAB 2 Posicao -->
						<ui:include src="/cadastros/equipamentoXPerifericoMBForm.xhtml" />
					<!-- TAB Posicao -->
					</rich:tab>	
				</rich:tabPanel>
			</p:panel>
	<br />
	<h:form>
		<p:panel>
			<f:facet name="header">
				<h:outputText value="#{msg.equipamentoListagem}" />
			</f:facet>
			<a4j:commandButton reRender="idEquipamentoMBForm" value="#{msg.alterar}" action="#{equipamentoMB.listaToFormEquipamento}"/>
			<h:commandButton onclick="return confirm('Deseja excluir o registro?')" value="#{msg.excluir}" action="#{equipamentoMB.remove}" reRender="equipamentoList"/>
			<p:dataTable id="equipamentoList" var="equipamento" value="#{equipamentoMB.equipamentoList}" paginator="true" rows="6" 
				selection="#{equipamentoMB.equipamentoSelectedList}" selectionMode="multiple">
				<p:column filterBy="#{equipamento.codigo}" sortBy="#{equipamento.codigo}">
					<f:facet name="header">
						<h:outputText value="#{msg.codigo}" />
					</f:facet>
					<h:outputText value="#{equipamento.codigo}" />
				</p:column>
				<p:column filterBy="#{equipamento.nomeEquipamento.nome}" sortBy="#{equipamento.nomeEquipamento.nome}">
					<f:facet name="header">
						<h:outputText value="#{msg.nome}" />
					</f:facet>
					<h:outputText value="#{equipamento.nomeEquipamento.nome}" />
				</p:column>
				<p:column filterBy="#{equipamento.nomeEquipamento.marca}" sortBy="#{equipamento.nomeEquipamento.marca}">
					<f:facet name="header">
						<h:outputText value="#{msg.marca}" />
					</f:facet>
					<h:outputText value="#{equipamento.nomeEquipamento.marca}" />
				</p:column>
				<p:column filterBy="#{equipamento.posicao.fileira.sala.nome}" sortBy="#{equipamento.posicao.fileira.sala.nome}">
					<f:facet name="header">
						<h:outputText value="#{msg.sala}" />
					</f:facet>
					<h:outputText value="#{equipamento.posicao.fileira.sala.nome}" />
				</p:column>
				<p:column filterBy="#{equipamento.posicao.fileira.ordem}" sortBy="#{equipamento.posicao.fileira.ordem}">
					<f:facet name="header">
						<h:outputText value="#{msg.fileira}" />
					</f:facet>
					<h:outputText value="#{equipamento.posicao.fileira.ordem}" />º <h:outputText value="#{msg.fileira}" />
				</p:column>
				<p:column filterBy="#{equipamento.posicao.posicao}" sortBy="#{equipamento.posicao.posicao}">
					<f:facet name="header">
						<h:outputText value="#{msg.posicao}" />
					</f:facet>
					<h:outputText value="#{equipamento.posicao.posicao}" />º <h:outputText value="#{msg.posicao}" />
				</p:column>				
			</p:dataTable>
		</p:panel>
	</h:form>		
</ui:composition>


